${{current:"Current",history:"History",budget:"Budget"}[mode]}
`;
}
function cDel(){return confirm("Are you sure you want to delete this?");}
// Copy month data
function copyMonth(from,to){
if(!S.months[from]){alert("Source month has no data");return;}
if(S.months[to]&&!confirm("Destination month already has data. Overwrite?"))return;
S.months[to]=JSON.parse(JSON.stringify(S.months[from]));
sv();alert("Data copied from "+gML(from)+" to "+gML(to));R();
}
// โโ EVENTS โโ
document.addEventListener("click",function(e){
if(menuOpen&&!e.target.closest(".hmenu")){menuOpen=false;R();return;}
const t=e.target.closest("[data-a]");if(!t)return;e.stopPropagation();
const a=t.dataset.a,p=t.dataset;
if(a==="none")return;
const md=mD();
switch(a){
case"login":signIn();break;
case"logout":signOut2();break;
case"gohome":S.at="home";S.hp=null;menuOpen=false;showAddForm=null;R();break;
case"menu":menuOpen=!menuOpen;R();break;
case"ut":S.ut=p.v;R();break;
case"open":openDD=p.id;R();break;
case"close":openDD=null;R();break;
case"selc":{const b=S[p.k].find(x=>x.id===p.bid);if(b&&b.c!==p.v){b.c=p.v;b.n=0;b.it=[];b.cu=[];}openDD=null;R();break;}
case"inc":{const b=S[p.k].find(x=>x.id===p.bid);if(b)b.n=Math.min(b.n+1,30);R();break;}
case"dec":{const b=S[p.k].find(x=>x.id===p.bid);if(b&&b.n>0){b.n--;if(b.it.length>b.n)b.it=b.it.slice(0,b.n);}R();break;}
case"tog":{const b=S[p.k].find(x=>x.id===p.bid);if(b){const i=b.it.indexOf(p.v);if(i>-1)b.it.splice(i,1);else if(b.it.lengthLoading...
`;rg=false;return;}
if(!currentUser){app.innerHTML=`๐ฐ
KPR Financial Manager
Track credit cards, loans, bank accounts, expenses & investments across multiple countries.
`;
if(menuOpen){h+=`
`;
if(currentUser){h+=`
`;}
h+=`${currentUser.photoURL?`
`:""}
`;}
h+=``;
h+=``;
h+=``;
h+=``;
h+=`${currentUser.displayName||"User"}
${currentUser.email||""}
`;
if(S.at==="home")h+=rHome();else h+=rAcct(S.at);
h+=`
`;
// Bottom nav - modern icons, home is center circle icon-only
h+=``;
[{k:"cc",l:"Cards",i:"๐ณ"},{k:"loans",l:"Loans",i:"๐ฆ"},{k:"home",l:"",i:"๐ "},{k:"banks",l:"Banks",i:"๐ง"},{k:"investments",l:"Invest",i:"๐"}].forEach(t=>{
const act=S.at===t.k;const isH=t.k==="home";
h+=``;
});
h+=`
`;
}
app.innerHTML=h;rg=false;
}
// โโ SETUP โโ
function rSetup(){
const ST=["Use Type","Cards","Loans","Banks","Monthly","Yearly","Investments"];
let h=``;
// Logout top right during setup
h+=``;
h+=``;
if(b.c&&b.n>0){const mid=cfg.k+"-i-"+b.id,lr=b.it.length>=b.n;
h+=``;});
h+=``;
}else if(S.ss===5||S.ss===6){const key=S.ss===5?"me":"ye",title=S.ss===5?"Monthly expenses":"Yearly expenses",md=mD();
if(!md[key])md[key]=[];
h+=``;
}
const cp=canP();const canSkip=S.ss>1;
h+=`
`;return h;
}
// โโ HOME โโ
function rHome(){
const sym=gS(),md=mD(),ps=gPS(),ro=isRO(),mode=gMM(S.selMonth||cMK());
if(S.hp==="monthly")return rExpPg("me","Monthly Expenses",sym,ps,ro,md);
if(S.hp==="yearly")return rExpPg("ye","Yearly Expenses",sym,ps,ro,md);
if(S.hp==="managePay")return rMP(sym,ro,md);
if(S.hp==="gl")return rGL(sym,ro,md);
if(S.hp==="settings")return rSettings();
if(S.hp==="about")return rAbout();
if(S.hp==="cursettings")return rCurSettings();
if(S.hp==="copydata")return rCopyData();
const tInc=sCvt(md.is||[],"afterTax","currency")||sCvt(md.is||[],"amount","currency");
const tTax=sCvt(md.is||[],"tax","currency");
const ccT=sOCvt(md.cd||{},"thisMonthPayment");const lnT=sOCvt(md.ld2||{},"thisMonthPayment");
const moT=sCvt(md.me||[],"amount","currency");
const mk=S.selMonth||cMK();const[,mm]=mk.split("-");
const yeF=(md.ye||[]).filter(e=>e.payDate&&e.payDate.split("-")[1]===mm);
const yrT=sCvt(yeF,"amount","currency");
const ivT=sCvt(Object.values(md.vd||{}),"amount","currency");
const tSp=ccT+lnT+moT+yrT+ivT;const net=tInc-tSp;
const assets=sOCvt(md.bd||{},"balance")+ivT;
const ccBal=Object.values(md.cd||{}).reduce((t,c)=>t+cvt(c.used||0,c.currency||"USD",S.ac),0);
const lnBal=Object.values(md.ld2||{}).reduce((t,l)=>t+cvt(l.balance||0,l.currency||"USD",S.ac),0);
const nw=assets-ccBal-lnBal;
let h=``;
h+=``;
ST.forEach((nm,i)=>{const n=i+1,cls=S.ss>n?"d":S.ss===n?"a":"";h+=`${S.ss>n?"โ":n}${nm}${iโบ':""}`;});
h+=`
`;
if(S.ss===1){h+=`Who are you setting this up for?
Pick the option that fits.
`;
[{k:"personal",ic:"๐ค",t:"Personal use",d:"Track your own cards, loans, expenses & investments."},{k:"business",ic:"๐ผ",t:"Business",d:"Track business cards, working capital & operating costs."}].forEach(o=>{h+=`
`;if(S.ut==="business")h+=``;
}else if(S.ss>=2&&S.ss<=4){
const cfg=[,,{k:"cb",cat:CC,lb:"credit cards",cl:"Add custom card",ti:"Add your credit cards"},{k:"lb",cat:LN,lb:"loans",cl:"Add custom lender",ti:"Add your loans"},{k:"bb",cat:BK,lb:"bank accounts",cl:"Add custom bank",ti:"Add your bank accounts"}][S.ss];
h+=`${S.ut===o.k?"โ":""}
`;});
h+=`${o.ic}
${o.t}
${o.d}
${cfg.ti}
Pick country, count, and select.
`; S[cfg.k].forEach((b,idx)=>{const co=b.c?CTRY.find(x=>x.code===b.c):null;const opts=b.c?[...(cfg.cat[b.c]||[]),...b.cu]:[]; h+=`Country ${idx+1}`;if(S[cfg.k].length>1)h+=``;h+=`
`;
const cid=cfg.k+"-c-"+b.id;h+=``;
if(openDD===cid){h+=``;}h+=`
`;
h+=``;CTRY.forEach(c=>{h+=`
${c.flag} ${c.name}${b.c===c.code?" โ":""}
`;});h+=`${b.n}
${!b.c?"Pick a country first":b.n===0?"Use + to set count":b.it.length+" of "+b.n+" selected"}`;
if(openDD===mid){h+=``;}h+=`
`;
if(b.it.length===b.n)h+=`+ ${cfg.cl}
`;
opts.forEach(o=>{const sel=b.it.includes(o),dis=!sel&&lr;h+=`
${esc(o)}${sel?" โ":""}
`;});h+=`โ All ${b.n} selected
`;
if(b.it.length>0){h+=``;b.it.forEach(i=>{h+=`${esc(i)}`;});h+=`
`;}
}h+=`${title}
Add your costs with category.
`;
h+=`
`;
}else if(S.ss===7){
h+=`NameAmountCurCategory${key==="ye"?"Pay date":""}
`;
md[key].forEach((e,i)=>{h+=`${key==="ye"?``:""}
`;});
h+=`Investments
Add platforms you track.
NameTypeAmountCur
`;
S.iv.forEach((v,i)=>{h+=``;});
h+=`${canSkip?``:""}
${mSel()}${cSel()}
`;
if(ro)h+=``;
if(mode==="budget")h+=`๐ Budget mode
`;
h+=``;
[{l:"๐
Monthly",p:"monthly"},{l:"๐ Yearly",p:"yearly"},{l:"๐ผ Income",p:"managePay"},{l:"๐ GL",p:"gl"}].forEach(b=>{h+=``;});
h+=`
`;
h+=`๐ฐ Net Worth
${sym}${nw.toFixed(2)}
`;
h+=`
`;
return h;
}
function rSettings(){
let h=`๐ This Month
`;
h+=``;
[{l:"๐ต Income",v:tInc,c:"var(--ok)"},{l:"๐๏ธ Taxes",v:tTax,c:"var(--wrn)"},{l:"๐ธ Spent",v:tSp,c:"var(--err)"},{l:"โจ Remaining",v:net,c:net<0?"var(--err)":"var(--accent)"}].forEach((r,i)=>{const br=i%2===0?"border-right:1px solid var(--bd);":"";const bb=i<2?"border-bottom:1px solid var(--bd);":"";h+=``;});
h+=`
${r.l}
${sym}${r.v.toFixed(2)}
Breakdown
`;
[{l:"CC & Loans",v:ccT+lnT,c:"var(--err)"},{l:"Monthly & Yearly",v:moT+yrT,c:"var(--wrn)"},{l:"Investments",v:ivT,c:"var(--ok)"}].forEach(r=>{h+=`${r.l}${sym}${r.v.toFixed(2)}
`;});
h+=`Settings
Quick add
`; [{a:"qacc",l:"+ Add credit card"},{a:"qaln",l:"+ Add loan"},{a:"qabk",l:"+ Add bank account"},{a:"qaiv",l:"+ Add investment"},{a:"qame",l:"+ Add monthly expense"},{a:"qaye",l:"+ Add yearly expense"},{a:"qais",l:"+ Add income source"},{a:"qagl",l:"+ Add GL entry"}].forEach(b=>{h+=``;}); h+=`Danger zone
About
๐ฐ
v${APP_VERSION}
KPR Financial Manager
Multi-country finance tracker with cloud sync
Built with Firebase โข Deployed on Vercel
Currency settings
`;
h+=`
`;
return h;
}
function rCopyData(){
const opts=gMO();
let h=``;
h+=``;
h+=``;
h+=`
${S.curMode==="convert"?"Values are converted using live exchange rates":"All values shown as entered โ no conversion"}
Copy month data
Copy all data (cards, loans, banks, expenses, income, GL) from one month to another.
`; h+=``;
h+=`
`;
h+=`Add credit card
Add loan
Add bank account
Add investment
${title}
`;
Object.entries(cats).forEach(([cat,items])=>{
const catT=items.reduce((t,e)=>t+cvt(e.amount,e.currency||"USD",S.ac),0);
h+=``;
});
if(!Object.keys(cats).length)h+=`
`;
if(!ro)h+=``;
return h;
}
function rMP(sym,ro,md){
let h=`${cat}${sym}${catT.toFixed(2)}
`;
items.forEach(e=>{const i=arr.indexOf(e);const cv2=cvt(e.amount,e.currency||"USD",S.ac);
h+=`${esc(e.name)||"โ"}
`;});
h+=`${sym}${cv2.toFixed(0)}${ro?"":``}
No expenses yet
`;
h+=`Manage Income
`;
(md.is||[]).forEach((inc,i)=>{const iS=gCS(inc.currency);
h+=``;}
else{h+=``;}
h+=``;});
h+=`
`;
if(!ro)h+=``;return h;
}
function rGL(sym,ro,md){
let h=`Income #${i+1}${ro?"":``}
`;
h+=``;
if(inc.type==="Salary"){h+=`
${iS}${inc.afterTax||"0.00"}
General Ledger
`;
(md.gl||[]).forEach((e,i)=>{
if(!e.debits)e.debits=[{acc:"",amt:""}];if(!e.credits)e.credits=[{acc:"",amt:""}];
const tDb=e.debits.reduce((t,d)=>t+(parseFloat(d.amt)||0),0);
const tCr=e.credits.reduce((t,c)=>t+(parseFloat(c.amt)||0),0);
const diff=tDb-tCr;const bal=Math.abs(diff)<0.01;
h+=``;
h+=``;
h+=``;
});
h+=`
`;
if(!ro)h+=``;
const gDb=(md.gl||[]).reduce((t,e)=>t+(e.debits||[]).reduce((s,d)=>s+cvt(d.amt,e.currency||"USD",S.ac),0),0);
const gCr=(md.gl||[]).reduce((t,e)=>t+(e.credits||[]).reduce((s,c)=>s+cvt(c.amt,e.currency||"USD",S.ac),0),0);
h+=`Txn #${i+1}${bal?"โ Balanced":"Diff: "+gCS(e.currency||"USD")+Math.abs(diff).toFixed(2)}
${ro?"":``}`;
h+=``;
h+=`
DEBIT${gCS(e.currency||"USD")}${tDb.toFixed(2)}
`;
e.debits.forEach((d,j)=>{h+=`${ro?"":``}
`;});
if(!ro)h+=``;
h+=`CREDIT${gCS(e.currency||"USD")}${tCr.toFixed(2)}
`;
e.credits.forEach((c,j)=>{h+=`${ro?"":``}
`;});
if(!ro)h+=``;
h+=`Debits
${sym}${gDb.toFixed(2)}
Credits
${sym}${gCr.toFixed(2)}
Balance
${Math.abs(gDb-gCr)<0.01?"โ Balanced":sym+Math.abs(gCr-gDb).toFixed(2)}
Credit Cards
${cSel()}Limit (${S.ac})
${sym}${tLim.toFixed(2)}
Used (${S.ac})
${sym}${tUsed.toFixed(2)}
`;
if(!items.length)h+=``;
h+=``;
h+=``;});
h+=`
No cards yet
`;
items.forEach(name=>{const it=data[name];const c=it.currency||"USD";const cs=gCS(c);const avail=(parseFloat(it.totalLimit)||0)-(parseFloat(it.used)||0);
h+=`${esc(name)} (${c})
${ro?"":``}${cs}${avail.toFixed(2)}
`;
if(it.notes||!ro)h+=``;
h+=`
Loans
${cSel()}Outstanding (${S.ac})
${sym}${tBal.toFixed(2)}
`;
if(!items.length)h+=``;
h+=``;
h+=``;});
h+=`
No loans yet
`;
items.forEach(name=>{const it=data[name];const c=it.currency||"USD";const cs=gCS(c);const pO=(parseFloat(it.totalLoan)||0)-(parseFloat(it.balance)||0);
h+=`${esc(name)} (${c})
${ro?"":``}${cs}${pO.toFixed(2)}
`;
if(it.notes||!ro)h+=``;
h+=`
Banks
${cSel()}Total (${S.ac})
${sym}${tBal.toFixed(2)}
`;
if(!items.length)h+=``;
h+=``;});
h+=`
No accounts yet
`;
items.forEach(name=>{const it=data[name];const c=it.currency||gIC(it.country);
h+=`${esc(name)} (${c})
${ro?"":``}`;
if(c!==S.ac)h+=`
โ ${sym}${cvt(it.balance,c,S.ac).toFixed(2)} ${S.ac}
`;
h+=`Investments
${cSel()}Total (${S.ac})
${sym}${tInv.toFixed(2)}
`;
if(!items.length)h+=``;
h+=``;});
h+=`
No investments yet
`;
items.forEach(name=>{const it=data[name];const c=it.currency||"USD";
h+=`${esc(name)} (${c} ยท ${it.type||"Stocks"})
${ro?"":``}`;
if(c!==S.ac)h+=`
โ ${sym}${cvt(it.amount,c,S.ac).toFixed(2)} ${S.ac}
`;
h+=`